home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2018 January / PCgo 01-2018 CD-ROM Germany.iso / nw.pak / Unnamed File 000176.txt < prev    next >
Encoding:
Text File  |  2015-07-29  |  2.3 KB  |  65 lines
  1. <!--
  2. Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
  3. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
  4. The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
  5. The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
  6. Code distributed by Google as part of the polymer project is also
  7. subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
  8. --><!--
  9.  
  10. The `core-icon` element displays an icon. By default an icon renders as a 24px square.
  11.  
  12. Example using src:
  13.  
  14.     <core-icon src="star.png"></core-icon>
  15.  
  16. Example setting size to 32px x 32px:
  17.  
  18.     <core-icon class="big" src="big_star.png"></core-icon>
  19.  
  20.     <style>
  21.       .big {
  22.         height: 32px;
  23.         width: 32px;
  24.       }
  25.     </style>
  26.  
  27. The core elements include several sets of icons. 
  28. To use the default set of icons, import  `core-icons.html` and use the `icon` attribute to specify an icon:
  29.  
  30.     <!-- import default iconset and core-icon -->
  31.     <link rel="import" href="/components/core-icons/core-icons.html">
  32.  
  33.     <core-icon icon="menu"></core-icon>
  34.     
  35. To use a different built-in set of icons, import  `core-icons/<iconset>-icons.html`, and
  36. specify the icon as `<iconset>:<icon>`. For example:
  37.  
  38.     <!-- import communication iconset and core-icon -->
  39.     <link rel="import" href="/components/core-icons/communication-icons.html">
  40.  
  41.     <core-icon icon="communication:email"></core-icon>
  42.     
  43. You can also create custom icon sets of bitmap or SVG icons. 
  44.  
  45. Example of using an icon named `cherry` from a custom iconset with the ID `fruit`:
  46.  
  47.     <core-icon icon="fruit:cherry"></core-icon>
  48.  
  49. See [core-iconset](#core-iconset) and [core-iconset-svg](#core-iconset-svg) for more information about
  50. how to create a custom iconset.
  51.  
  52. See [core-icons](http://www.polymer-project.org/components/core-icons/demo.html) for the default set of icons.
  53.  
  54. @group Polymer Core Elements
  55. @element core-icon
  56. @homepage polymer.github.io
  57. --><html><head><link rel="import" href="../core-iconset/core-iconset.html">
  58.  
  59. <link rel="stylesheet" href="core-icon.css" shim-shadowdom="">
  60.  
  61. </head><body><polymer-element name="core-icon" attributes="src icon alt" assetpath="">
  62.  
  63.  
  64. </polymer-element>
  65. <script src="core-icon-extracted.js"></script></body></html>